<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图书管理</title>
    <!--  引入共同的样式文件  -->
    <th:block th:include="~{fragment/common-css::imports}"></th:block>
</head>
<body>

<div class="container-fluid main" id="app" style="padding: 0px">
    <div class="row clearfix no-gutters">
        <!-- 菜单栏组件 -->
        <menu-component></menu-component>
        <div class="col col-sm-10 flex-grow-1" style="padding-left: 0;padding-right: 0">
            <!-- 引用 HeaderComponent 组件 -->
            <header-component></header-component>
            <main style="padding-left: 25px;padding-right: 10px;padding-top: 15px;">
                <!-- 使用 breadcrumb-component 并直接传递面包屑项数组 -->

                <!--搜索栏-->

                <!--end of 搜索栏-->


                <!--  end of 数据列表 -->
                <!--                element ui 分页插件-->


                <el-footer style="clear: both">Footer@ZSC</el-footer>
                <!--弹出对话框-->

            </main>
        </div>
    </div>
</div>




<!-- 引入 Vue 和 Element UI -->
<th:block th:include="~{fragment/common-js::commonjs}"></th:block>

<!-- 引入组件文件 -->
<script src="/site/js/component/sidebarComponent.js"></script>
<script src="/site/js/component/headerComponent.js"></script>
<script src="/site/js/component/breadcrumbComponent.js"></script>
<script th:src="@{/site/js/system/system-user.js}"></script>

<script>

</script>

</body>
</html>
